<template>
  <router-view></router-view>
  <div class="footer">
    <router-link :to="{name:'newcar'}">
      <i class="iconfont icon-qiche"></i><br>
      新车</router-link>
    <router-link :to="{name:'newenergy'}">
      <i class="iconfont icon-xinnengyuan"></i><br>
      新能源</router-link>
    <router-link :to="{name:'find'}">
      <i class="iconfont icon-faxian1"></i><br>
      发现</router-link>
    <router-link :to="{name:'usedcar'}">
      <i class="iconfont icon-ershouche"></i><br>
      二手车</router-link>
    <router-link :to="{name:'myself'}">
      <i class="iconfont icon-31wode"></i><br>
      我的</router-link>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';


export default defineComponent({
  name: 'App',
  components: {
  }
});
</script>

<style>
.footer{
  width:100%;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-evenly;
  font-size: 20px;
  text-align: center;
  background-color: white;
  z-index: 99;
}
.footer a:hover{
  color: #3464E6;
}
</style>
